*{
    margin: 0;
    padding: 0;
}
html,body{
    width: 100%;
    height: 100%;
}
.clear::after{
    content: "";
    display: block;
    clear: both;    
}
#diji{
    width: 100%;
    height: 100%;
    background-color: rgb(240, 239, 239);
}
#diji #aside{
    float: left;
    width: 15%;
    height: calc(100% - 50px);
    background-color: rgb(48, 46, 46);
    padding: 50px 0 0 0;
}
#diji #aside #logo{
    width: 90%;
    text-align: center;
    margin-left: 10px;
}
#diji #aside ul{
    margin-top: 20px;
}
#diji #aside ul li{
    height: 60px;
    width: 80%;
    line-height: 60px;
    text-align: center;
    color: gray;
    cursor: pointer;
}
#diji #aside ul li:hover{
    color: rgb(203, 203, 203);
}
#diji #top{
    float: left;
    width: 85%;
    height: 70px;
    background-color: white;
    line-height: 70px;
}
#diji #top p{
    margin-left: 5%;
    float: left;
}
#diji #top img{
    margin-right: 5%;
    margin-top: 17px;
    float: right;
    width: auto;
    height: 50%;
    cursor: pointer;
}
#diji #main{
    float: left;
    background-color: white;
    margin-left: 5%;
    margin-top: 15px;
    width: 75%;
    height: 80%;
    border: 1px solid rgb(203, 195, 195) ;
    border-radius: 5px;
}